<template>
  <div class="recomnav">
      <div>
          <h1>体系课</h1>
          <h3>全方位培养岗位胜任力</h3>
          <ul>
              <li>系统培养</li>
              <li>陪伴服务</li>
          </ul>
          <img src="" alt="">
      </div>
      <div>
          <h1>实战课</h1>
          <h3>快速上手提升开发技能</h3>
          <ul>
              <li>真实项目</li>
              <li>以战代学</li>
          </ul>
          <img src="" alt="">
      </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scopde>
.recomnav{
    width: 3.43rem;
    height: 1.11rem;
    margin: 0.15rem auto;
    display: flex;
    justify-content: space-between;
}
.recomnav>div:nth-child(1){
background-color: #f6e7de;
}
.recomnav>div:nth-child(2){
background-color: #fcf4da;
}
.recomnav>div{
    width: 1.66rem;
    height: 1.11rem;
    border-radius: 0.05rem;
    padding: 0.1rem;
}
.recomnav>div>h1{
    font-size: 0.16rem;
}
.recomnav>div:nth-child(1)>h3{
    font-size: 0.12rem;
    color: #ef6171;
    margin-top: 0.08rem;
}
.recomnav>div:nth-child(2)>h3{
    font-size: 0.12rem;
    color: #db9d4a;
    margin-top: 0.08rem;
}
.recomnav>div>ul{
    margin-top: 0.11rem;
    font-size: 0.1rem;
    line-height: 0.18rem;
}
.recomnav>div>ul>li::before{
           content: "";
           width: 0.05rem;
           height: 0.05rem;
           display: inline-block;
           border-radius: 50%;
           background: gray;
           vertical-align: middle;
           margin-right: 14px;
}
</style>